<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
		<title>零艺CMS安装界面</title>
		<link rel="stylesheet" href="/static/install/css/style.css" />
	</head>

	<body>
		<div class="wrapper">
			<div id="wizard" class="wizard">
				<div class="wizard__content">

					<header class="wizard__header">
						<div class="wizard__header-overlay"></div>

						<div class="wizard__header-content">
							<h1 class="wizard__title">零艺CMS安装向导</h1>
							<p class="wizard__subheading">简单的 <span>3</span> 步骤.</p>
						</div>

						<div class="wizard__steps">
							<nav class="steps">
								<div class="step">
									<div class="step__content">
										<p class="step__number"><i class="fa fa-github-alt"></i></p>
										<svg class="checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52">
											<circle class="checkmark__circle" cx="26" cy="26" r="25" fill="none" />
											<path class="checkmark__check" fill="none"
												d="M14.1 27.2l7.1 7.2 16.7-16.8" />
										</svg>

										<div class="lines">
											<div class="line -start"></div>

											<div class="line -background"></div>

											<div class="line -progress"></div>
										</div>
									</div>
								</div>

								<div class="step">
									<div class="step__content">
										<p class="step__number"><i class="fa fa-book"></i></p>
										<svg class="checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52">
											<circle class="checkmark__circle" cx="26" cy="26" r="25" fill="none" />
											<path class="checkmark__check" fill="none"
												d="M14.1 27.2l7.1 7.2 16.7-16.8" />
										</svg>

										<div class="lines">
											<div class="line -background"></div>

											<div class="line -progress"></div>
										</div>
									</div>
								</div>

								<div class="step">
									<div class="step__content">
										<p class="step__number"><i class="fa fa-group"></i></p>
										<svg class="checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52">
											<circle class="checkmark__circle" cx="26" cy="26" r="25" fill="none" />
											<path class="checkmark__check" fill="none"
												d="M14.1 27.2l7.1 7.2 16.7-16.8" />
										</svg>

										<div class="lines">
											<div class="line -background"></div>

											<div class="line -progress"></div>
										</div>
									</div>
								</div>
							</nav>
						</div>
					</header>

					<div class="panels">

						<div class="panel">
							<header class="panel__header">
								<h2 class="panel__title">安装和使用</h2>
							</header>

							<p class="panel__content">
								版权所有LYCMS开发团队保留所有权利。
								使用者无论个人或组织、盈利与否、用途如何（包括以学习和研究为目的），均需仔细阅读本协议，在理解、同意、并遵守本协议的全部条款后，方可开始使用LYCMS。
								您必须保证在不进行非法活动，不违反国家相关政策法规的前提下使用本程序
							</p>

							<header class="panel__header">
								<h2 class="panel__title">免责声明及协议规定</h2>
							</header>

							<p class="panel__content">
								本源码及所附带的文件是作为不提供任何明确的或隐含的赔偿或担保的形式提供的。用户出于自愿而使用本源码，您必须了解使用本源码的风险，LYCMS及其开发团队不承担任何因使用本源码而产生问题的相关责任。LYCMS及其开发团队不对使用本源码构建的网站中的文章或信息承担责任。
							</p>
							<p class="panel__content">
								禁止去除(LYCMS)源码里的版权信息，禁止在(LYCMS)整体或任何部分基础上发展任何派生版本、修改版本或第三方版本用于重新分发。
							</p>
						</div>

						<div class="panel">
							<header class="panel__header">
								<h2 class="panel__title">运行环境检测</h2>
							</header>

							<table width="100%" border="0" cellpadding="0" cellspacing="0">
								<tr align="left" class="head">
									<td width="30%" height="36"><b>项目</b>
										</th>
									<td width="25%"><b>推荐配置</b>
										</th>
									<td width="25%"><b>当前服务器</b>
										</th>
								</tr>
								<tr>
									<td height="26" class="firstCol">操作系统</td>
									<td>Linux</td>
									<td class="endCol">{:PHP_OS}</td>
								</tr>
								<tr>
									<td height="26" class="firstCol">PHP 版本</td>
									<td>5.6~7.3</td>
									<td class="endCol">{:PHP_VERSION}</td>
								</tr>
								<tr>
									<td height="26" class="firstCol">附件上传</td>
									<td>2M</td>
									<td class="endCol">{:ini_get('upload_max_filesize')}</td>
								</tr>
								<tr>
									<td height="26" class="firstCol">磁盘空间</td>
									<td>不限制</td>
									<td class="endCol">{:round((disk_free_space(".")/(1024*1024)),2).'M'}</td>
								</tr>
							</table>

						</div>

						<div class="panel">
							<header class="panel__header">
								<h2 class="panel__title">数据库配置</h2>
							</header>

							<div class="row">
									<div class="form-group">
										<p class="panel__subheading">数据库地址(一般为localhost)</p>
										<input id="host" name="host" type="text" class="form-control" value="127.0.0.1"
											placeholder="请输入数据库地址">
									</div>
									<div class="form-group">
										<p class="panel__subheading">数据库用户名</p>
										<input id="username" name="username" type="text" class="form-control" value=""
											placeholder="请输入数据库用户名">
									</div>

									<div class="form-group">
										<p class="panel__subheading">数据库密码</p>
										<input id="userpass" name="userpass" type="text" class="form-control" value=""
											placeholder="请输入数据库密码">
									</div>

									<div class="form-group">
										<p class="panel__subheading">数据库名称</p>
										<input id="name" name="name" type="text" class="form-control" value=""
											placeholder="请输入数据库名称">
									</div>
							</div>

						</div>
					</div>

					<div class="wizard__footer">
						<button class="button previous">上一步</button>
						<button class="button next">下一步</button>
					</div>
				</div>

				<h1 class="wizard__congrats-message">
					恭喜你，你现在处在学习的世界里！
				<p style="font-size: 1.2rem;">后台地址(<a href="/admin" target="_black">/admin</a>)
				账号：admin 密码：123456
				</p>

				</h1>

			</div>
		</div>

		<script src="/static/install/js/lodash.min.js"></script>
		<script src="/static/install/js/script.js"></script>
	</body>

</html>